header,
footer,
nav,
section { display: block; }

DIV#header {
    background-color: #444;
    border-bottom: 2px solid #111;
    color: White;
}

DIV#header DIV.title {
    font-size: 2em;
    padding: .6em;
}

#caption {
    position: relative;
    bottom: 15px;
    min-width: 280px;
    text-align: left;
}

#caption a 
{
    margin-left: 7px;
}


FORM {
    margin: 0;
    padding: 0;
}

DIV.item FORM { display: inline; }

TFOOT TD {
    border-top: 1px dotted gray;
    font-weight: bold;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea { min-height: 75px;max-height: 400px; max-width: 480px; }

.editor-label { margin: 1em 0 0 0; }

.editor-field { margin: 0.5em 0 0 0; }


/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid { display: none; }

/****/

html, body, h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
}

h1 img { display: block; }

img { border: 0; }

.editor-field img {
    position: relative !important;
}

.left { float: left; }

.right { float: right; }

.more { text-align: right; }

.clear { clear: both; }

body {
    background-image: linear-gradient(bottom, rgb(36, 36, 36) 5%, rgb(15, 15, 15) 20%);
    background-image: -o-linear-gradient(bottom, rgb(36, 36, 36) 5%, rgb(15, 15, 15) 20%);
    background-image: -moz-linear-gradient(bottom, rgb(36, 36, 36) 5%, rgb(15, 15, 15) 20%);
    background-image: -webkit-linear-gradient(bottom, rgb(36, 36, 36) 5%, rgb(15, 15, 15) 20%);
    background-image: -ms-linear-gradient(bottom, rgb(36, 36, 36) 5%, rgb(15, 15, 15) 20%);
    background-color: rgb(36, 36, 36);
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    text-align: center;
    font: 14px arial, sans-serif;
    color: #565656;
}



/** Left **/

#left h1 {
    text-align: center;
    font: 28px verdana, serif;
    color: #6C0505;
    height: 709px;
}

#copyright { color: white; }

#copyright p { margin: 0 1em 0.5em 1em; }

a {
    color: #333333;
}

#body h2 { font: 14px "Times New Roman", serif; }

#body h2 strong {
    color: #660505;
    font-weight: normal;
    font-size: 18px;
}

#body h3 {
    font: 14px "Times New Roman", serif;
    color: #660505;
    margin-top: 1.4em;
    margin-bottom: 1.1em;
}

#body h4 { color: #660505; }

#body .left { margin: 0 26px 0 0; }

#footer-1 {
    float: left;
    width: 104px;
    padding-right: 30px;
    margin-top: 5px;
    border-right: 1px solid #ACACAC;
    font: 14px "times new roman", serif;
    color: #660505;
    text-align: center;
}

#footer-1 strong {
    display: block;
    font-size: 18px;
    font-weight: normal;
}

#footer-2 {
    float: left;
    width: 154px;
    margin-left: 12px;
    font: 18px "times new roman", serif;
    color: #000;
    line-height: 34px;
}

#footer-2 .left { margin-right: 12px; }

#footer-3 {
    float: left;
    width: 135px;
    margin: 0;
    font: 14px "times new roman", serif;
    color: #000;
    text-align: center;
}

#footer-3 .left { margin-right: 12px; }

/* Site CSS v2.0 Refactoring */

#pagerForm, .gameForm {
    border: 1px solid rgb(40, 40, 40);
    padding: 20px;
    margin: 20px auto 20px;
    padding-bottom: 40px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background: #5e5e5e;
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#2a2a2a)); 
	background: -moz-linear-gradient(top,  #5e5e5e,  #2a2a2a);
	background: -o-linear-gradient(top,  #5e5e5e,  #2a2a2a);
	background: -ms-linear-gradient(top,  #5e5e5e,  #2a2a2a);
    border-radius: 10px;
    font-family: "Verdana";
    font-size: small;
    color: #000000;
    font-weight: normal;
    width: auto;
    position: relative;
}

#pageContent 
{
    background: #bebebe;
    background: -webkit-gradient(linear, left top, left bottom, from(#bebebe), to(#6d6d6d)); 
	background: -moz-linear-gradient(top,  #bebebe,  #6d6d6d);
	background: -o-linear-gradient(top,  #bebebe,  #6d6d6d);
	background: -ms-linear-gradient(top,  #bebebe,  #6d6d6d);
    text-align: left;
    font-family: "Verdana";
    font-size: small;
    color: #000000;
    font-weight: normal;
    width: 975px;
    min-height: 600px;
    position: relative;
    display: inline-block;
    margin: 20px auto 0px;
    border-left: 2px solid gray;
    box-shadow: inset 4px 4px 20px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    border-radius: 20px;
}

 #content 
 {
    padding: 20px;
    padding-bottom: 15px;
     width: 61%;
     min-height: 600px;
     height: 100%;
     float: left;
}

#content textarea {
    width: 90%;
}

#sidePageBackground {
    padding: 20px;
    border-left: 1px solid rgb(163, 163, 163);
    box-shadow: inset -8px 6px 20px rgba(0, 0, 0, 0.5);
    background: #dddddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#b8b6b6)); 
	background: -moz-linear-gradient(top,  #dddddd,  #b8b6b6);
	background: -o-linear-gradient(top,  #dddddd,  #b8b6b6);
	background: -mm-linear-gradient(top,  #dddddd,  #b8b6b6);
    background-repeat: repeat-y;
    border-radius: 0px 20px 20px 0px;
    height: 100%;
     width: 30%;
     float: right;
}

.item {
        border-left: 2px solid gray;
    padding: 20px;
    margin: 20px auto 0px;
    padding-bottom: 15px;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.5), inset 2px 1px 8px rgba(0, 0, 0, 0.5);
    background: #dddddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#b8b6b6)); 
	background: -moz-linear-gradient(top,  #dddddd,  #b8b6b6);
	background: -o-linear-gradient(top,  #dddddd,  #b8b6b6);
	background: -ms-linear-gradient(top,  #dddddd,  #b8b6b6);
    border-radius: 0px 0px 20px 20px;
    font-family: "Verdana";
    font-size: small;
    color: #000000;
    font-weight: normal;
    width: 90%;
    position: relative;
}

#post .item, #titlelessItem .item{
    border-radius: 10px !important;

}


.itemDisplayImage
{
    

	box-shadow: 0 1px 0 rgba(255,255,255,.2),inset 0 0 30px rgba(0,0,0,1), inset 0 2px 1px rgba(255,255,255,.5), inset 0 -9px 2px rgba(0,0,0,.6), inset 0 -12px 2px rgba(255,255,255,.3), 0 0 6px black;
    border: 1px solid #9f9f9f;
	border-radius: 20px;
    position: absolute;
    float: right;
    left: 370px;
}

.itemDisplayImage:after {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	border-radius: 20px;

    background: rgba(255, 255, 255, .25);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,.1)));
	background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%);
	background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,.1) 100%)
}

.item #line {
    position: relative;
    display: inline-block;
    text-align: left;
    background: #656565;
    background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#3a3a3a)); 
	background: -moz-linear-gradient(top,  #656565,  #3a3a3a);
	background: -o-gradient(linear, left top, left bottom, from(#656565), to(#3a3a3a)); 
	background: -ms-linear-gradient(top,  #656565,  #3a3a3a);
    box-shadow: inset 0 4px 30px black, 0 0 6px black;
	border-radius: 20px;
    border: 1px solid #9f9f9f;
    padding: 10px;
    color: #E7E5E5;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 7px 9px rgba(0, 0, 0, 1);
    min-height: 0px;
    width: 130px;
    min-width: 130px;
}

DIV#categories {
    padding-top: 1.5em;
}

div#categories a:hover { background-color: #CCC; }

DIV.item H3 {
    font-size: 1.9em;
    margin: 0 0 .25em 0;
}

DIV.item H4 {
    font-size: 1.6em;
    margin: .4em 0 0 0;
}

.title 
{
    box-shadow: 0 1px 6px black ;
    -webkit-box-shadow: 0 1px 6px black;
    display: block;
    color: white;
    z-index: 2;
    font-size: 25px;
    padding: 5px 15px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    border-radius: 5px ;
    border: 1px solid;
}

.title a {
    color: white;
    font-size: 25px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    text-decoration: none;
    
}

.sideBox
{
    border-radius: 1.2em;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
    line-height: 100%;
    margin: 0;
    padding: 7px 18px 7px 18px;
    width: 120%;
    border: 2px solid;
}

.descBox, .item p {
    margin: 7px 0px 5px 0px;
    text-align: center;
    position: relative;
    border-radius: 10px;
	border: 1px solid #9f9f9f;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 1);
}

.roundStyle {
    border-radius: 1em 1em 1em 1em;
    border: 2px outset ButtonFace;
    font-family: "Arial" !important;
    left: -1px;
    box-shadow: 1px 1px 2px #393939;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none !important;
    border-style: solid;
    padding: 0.081em 1em;
}

DIV#header DIV.title, DIV.item H3, DIV.item H4, DIV.pager A { font: bold 1.3em "Arial Narrow", "Franklin Gothic Medium", Arial; }

/** ItemTitle */

.itemTitle 
{
    border: 1px solid ;
    margin: 0px auto;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.5), inset 2px 4px 4px rgba(0, 0, 0, 0.4);
	border-radius: 20px 20px 0px 0px;
    line-height: 100%;
    padding: 5px 20px 25px;
    color: #E7E5E5;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    width: 90%;
    position: relative;
    top: 20px;
}

.itemTitle a {
        background: transparent;
    border-radius: 0.9em;
    color: #E7E5E5;
    font-size: 30px;
    display: block;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.8), 1px -1px 0px rgba(0, 0, 0, 0.5);
    position: relative;
    top: 10px;
    left: 10px;
}

/** Table Items */

table /** Use Background Colors */
{
    margin-top: 3%;
    border-spacing: 0px;
    border-left: 2px solid gray;
    margin: 0px auto;
    padding-bottom: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 25px 25px 1.2em 1.2em;
    font-family: "Verdana";
    position: relative;
    top: 20px;
    width: 588px;
    max-width: 588px;
}

table a {
    text-decoration: none;
}

.tHeader th /** Use Colors. Default is CoolBlack */
{
    border: 1px solid;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    line-height: 100%;
    padding: 5px 30px 5px 30px;
    color: #E7E5E5;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.tHeader th:first-child, .ui-datepicker th:first-child {
        border-radius: 1.2em 0 0 0;
}

.tHeader th:last-child, .ui-datepicker th:last-child {
        border-radius: 0 1.2em 0 0;
}

 tr.tHeader:nth-child(odd) 
 {
     /** Moz Fix */
     background-color: transparent !important;
}

tr:nth-child(odd) {
    background: rgba(0, 0, 0, .17);
}


/** Pager */
DIV.pager 
{
    text-align: right;
    padding: .8em 0em 0.5em 0 !important;
    margin-top: 1em;
}

DIV.pager A {
    font-size: 1.1em !important;
    color: black;
    text-decoration: none;
    background: rgb(232, 232, 232);
    border: 1px solid black;
    cursor: pointer;
    border-radius: 12px;
    text-shadow: black 0 0 0.53em;
    box-shadow: 2px 2px 1px #3f3f3f,
              inset 0 0 3px black;
    padding: 0 .6em 0 .6em;
    margin: 0px 10px 7px 0px ;
}

DIV.pager A:hover {
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition-property: all;
        -o-transition-duration:0.4s;
    -o-transition-timing-function:linear;
    -ms-transition-delay: 0.4s;
}

DIV.pager A.selected {
    background-color: #353535;
    color: White;
}

/** Pager Colors */

.pager.defaultBlue a:hover {
    background: #00b3f4;
}

.pager.coolBlue a:hover {
   background: #1656d4; 
}

.pager.coolGrey a:hover, .pager.coolBlack a:hover {
   background: #6d6d6d; 
}

.pager.coolRed a:hover {
    background: #c51515; 
}

.pager.coolPurple a:hover {
    background: #6600cc;
}

.pager.coolGreen a:hover {
    background: #16c520;
}

.pager.coolOrange a:hover {
    background: #db5500
}

.pager.coolPink a:hover {
    background: #c516b8;
}

.pager.facebookStyle a:hover {
    background: #1D4088;
}

.pager.twitterStyle a:hover {
    background: #33BCEF;
}

/** descBox Colors */

.descBlack, .item p {
    background: #222222;
    background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#2f2f2f)); 
	background: -moz-linear-gradient(top, #222222,  #2f2f2f);
	background: -o-gradient(linear, left top, left bottom, from(#222222), to(#2f2f2f)); 
	background: -ms-linear-gradient(top,  #222222,  #2f2f2f);
    box-shadow: inset 0 4px 30px black, 0 0 6px black;
    color: #E7E5E5;
}

/** Buttons and TextFields */
A.actionButtons , input.actionButtons, #buttonList .actionButtons{
    border-radius: 1em 1em 1em 1em;
    border: 2px outset ButtonFace;
    font-family: "Arial" !important;
    left: -1px;
    box-shadow: 1px 1px 2px #393939;
    cursor: pointer;
    font-weight: bold;
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.33) 50%, transparent 50%, transparent 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.33) 50%, transparent 50%, transparent 100%);
    background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.33) 50%, transparent 50%, transparent 100%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.33) 50%, transparent 50%, transparent 100%);
    background-image: -ms-linear-gradient(center top, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.33) 50%, transparent 50%, transparent 100%);
    background-repeat: repeat-x;
    background-color: #000000;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-decoration: none !important;
    border-style: solid;
    padding: 0.081em 1em;
}

 a.actionButtons:hover, input.actionButtons:hover, .actionButtons a:hover {
    text-decoration: none !important;
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -o-transition-property: all;
        -o-transition-duration:0.4s;
    -o-transition-timing-function:linear;
    -ms-transition-delay: 0.4s;
}

.text-box.single-line ,.roundTextBox input, .editor-field textarea
{
    border-radius: 1em 1em 1em 1em;
    border: 2px outset ButtonFace;
    font-family: "Arial" !important;
    left: -1px;
    box-shadow: 1px 1px 2px #393939;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none !important;
    border-style: solid;
    padding: 0.081em 1em;
}

.roundTextBox input:hover, .text-box.single-line:hover, .editor-field textarea:hover{
    
    text-decoration: none !important;
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -o-transition-property: all;
        -o-transition-duration:0.4s;
    -o-transition-timing-function:linear;
    -ms-transition-delay: 0.4s;
}

.nonActionButton {
    border-radius: 0em !important;
    border: none !important;
    padding: 0px !important;
    left: 0px !important;
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: 0px 0px 0px #FFFFFF !important;
}

/** Colors for TextFields */

.roundTextBox.textdefaultBlue input:hover, .text-box.single-line.defaultBlue input:hover, .roundTextBox.textdefaultBlue textarea:hover {
    background-color: #b3e7fa;
}

.roundTextBox.textcoolBlack input:hover, input.coolTextBlack:hover, .roundTextBox.textcoolBlack textarea:hover {
    background-color: #bcbcbc; 
}

.roundTextBox.textcoolBlue input:hover, .text-box.single-line.coolBlue  input:hover, .roundTextBox.textcoolBlue textarea:hover {
    background-color: rgb(164, 194, 244);
}

.roundTextBox.textcoolGrey input:hover, .text-box.single-line.coolGrey  input:hover, .roundTextBox.textcoolGrey textarea:hover {
    background-color: #dadada;
}

.roundTextBox.textcoolRed input:hover, .text-box.single-line.coolRed  input:hover, .roundTextBox.textcoolRed textarea:hover {
    background-color: #e48f8f;
}

.roundTextBox.textcoolPurple input:hover, .text-box.single-line.coolPurple  input:hover, .roundTextBox.textcoolPurple textarea:hover {
    background-color: #e4bff3;
}

.roundTextBox.textcoolGreen input:hover, .text-box.single-line.coolGreen  input:hover, .roundTextBox.textcoolGreen textarea:hover {
    background-color: #c8f5bf;
}

.roundTextBox.textcoolOrange input:hover, .text-box.single-line.coolOrange  input:hover, .roundTextBox.textcoolOrange textarea:hover {
    background-color: #fee0aa;
}

.roundTextBox.textcoolPink input:hover, .text-box.single-line.coolPink  input:hover, .roundTextBox.textcoolPink textarea:hover {
    background-color: #f3bfed;
}

.roundTextBox.textfacebookStyle input:hover, .text-box.single-line.facebookStyle  input:hover, .roundTextBox.textfacebookStyle textarea:hover {
    background: #9aa4b9;
}

.roundTextBox.texttwitterStyle input:hover, .text-box.single-line.twitterStyle  input:hover, .roundTextBox.texttwitterStyle textarea:hover {
    background: #c6e9f6;
}

/** Colors for Buttons */

a.actionButtons.defaultBlue:hover, input.actionButtons.defaultBlue:hover {
    background-color: #54c7f1;
}

a.actionButtons.coolBlack:hover, input.actionButtons.coolBlack:hover {
    background-color: rgb(121, 121, 121);
}

a.actionButtons.coolRed:hover, input.actionButtons.coolRed:hover {
    background-color: rgb(185, 59, 59);
}

a.actionButtons.coolBlue:hover, input.actionButtons.coolBlue:hover {
    background-color: rgb(59, 107, 185);
}

a.actionButtons.coolGreen:hover, input.actionButtons.coolGreen:hover {
    background-color: rgb(64, 185, 59);
}

a.actionButtons.coolPurple:hover, input.actionButtons.coolPurple:hover {
    background-color: rgb(116, 59, 185);
}

a.actionButtons.coolOrange:hover, input.actionButtons.coolOrange:hover {
    background-color: rgb(185, 120, 59);
}

a.actionButtons.coolPink:hover, input.actionButtons.coolPink:hover {
    background-color: rgb(183, 59, 185);
}

a.actionButtons.coolGrey:hover, input.actionButtons.coolGrey:hover {
    background-color: rgb(172, 172, 172);
}

a.actionButtons.twitterStyle:hover, input.actionButtons.twitterStyle:hover {
    background-color: rgb(0, 228, 197);
}

a.actionButtons.facebookStyle:hover, input.actionButtons.facebookStyle:hover {
    background-color: rgb(96, 117, 151);
}

/** Nav Bar */
#nav  
{
    background: #4b4b4b;
    background: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#181818)); 
	background: -moz-linear-gradient(top,  #6e6e6e,  #181818);
    background: -o-linear-gradient(top,  #6e6e6e,  #181818);
    background: -ms-linear-gradient(top,  #6e6e6e,  #181818);
    border: 1px solid #6D6D6D;
    border-radius: 1.2em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    line-height: 100%;
    margin: 0;
    padding: 7px 18px 0;
    min-width: 920px;
}

#nav li{
    float: left;
    list-style: none;
    margin: 0 5px; 
    padding: 0 0 8px;
    position: relative;
    z-index: 5;
}
#nav a
{
    background: transparent;
    border-radius: 0.9em;
    color: #E7E5E5;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 8px 20px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    
}
#nav .current a, #nav li:hover > a
{

    box-shadow: inset 0 1px 3px black ;
	-moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition-property: all;
        -o-transition-duration:0.25s;
    -o-transition-timing-function:linear;
}
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
    box-shadow: none;
}
#nav ul a:hover, DIV#categories A.selected 
{
/*********/
    border-radius: 0 0 0 0;
    color: #FFFFFF !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    
    -o-transition-property:all;
        -o-transition-duration:0.25s;
    -o-transition-timing-function:linear;
}
#nav ul
{
    background: #cfcfcf;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf));
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf);
	background: -o-linear-gradient(top,  #fff,  #cfcfcf);
	background: -ms-linear-gradient(top,  #fff,  #cfcfcf);
    border: 1px solid #B4B4B4;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 32px;
    width: 185px;
    text-align: left;
}
#nav li:hover > ul {
    display: block;
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
}
#nav ul a {
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}
#nav ul ul {
    left: 181px;
    top: -3px;
}
#nav ul li:first-child > a 
{
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a 
{
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
#nav:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#nav {
    display: inline-block;
}
html[xmlns] #nav {
    display: block;
}
* html #nav {
    height: 1%;
}

/** Nav Bar li Color */

#nav.defaultBlue li a:hover, #nav.defaultBlue li:hover > a
{
    background: #6ee0ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#6ee0ff), to(rgb(0, 134, 144)));
	background: -moz-linear-gradient(top,  #6ee0ff,  rgb(0, 134, 144));  
	background: -o-linear-gradient(top, #6ee0ff,  rgb(0, 134, 144)) !important; 
	background: -ms-linear-gradient(top, #6ee0ff,  rgb(0, 134, 144)) !important;
}

#nav.coolBlue li a:hover, #nav.coolBlue li:hover > a
{
    background: #a0afff;
    background: -webkit-gradient(linear, left top, left bottom, from(#a0afff), to(rgb(0, 55, 144)));
	background: -moz-linear-gradient(top,  #a0afff,  rgb(0, 55, 144));  
	background: -o-linear-gradient(top, #a0afff,  rgb(0, 55, 144)) !important; 
	background: -ms-linear-gradient(top, #a0afff,  rgb(0, 55, 144)) !important;
}

#nav.coolRed li a:hover , #nav.coolRed li:hover > a
{
    background: #ffa0a0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa0a0), to(rgb(144, 0, 0)));
	background: -moz-linear-gradient(top, #ffa0a0,  rgb(144, 0, 0));  
	background: -o-linear-gradient(top, #ffa0a0,  rgb(144, 0, 0)) !important; 
	background: -ms-linear-gradient(top, #ffa0a0,  rgb(144, 0, 0)) !important;
}

#nav.coolGreen li a:hover, #nav.coolGreen li:hover > a 
{
    background: #afffa0;
    background: -webkit-gradient(linear, left top, left bottom, from(#afffa0), to(rgb(9, 144, 0)));
	background: -moz-linear-gradient(top,  #afffa0,  rgb(9, 144, 0));  
	background: -o-linear-gradient(top, #afffa0,  rgb(9, 144, 0)) !important; 
	background: -ms-linear-gradient(top, #afffa0,  rgb(9, 144, 0)) !important;
}

#nav.coolPurple li a:hover, #nav.coolPurple li:hover > a 
{
    background: #cda0ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#cda0ff), to(rgb(59, 0, 144)));
	background: -moz-linear-gradient(top,  #cda0ff,  rgb(59, 0, 144));  
	background: -o-linear-gradient(top, #cda0ff,  rgb(59, 0, 144)) !important; 
	background: -ms-linear-gradient(top, #cda0ff,  rgb(59, 0, 144)) !important;
}

#nav.coolOrange li a:hover, #nav.coolOrange li:hover > a 
{
    background: #ffd0a0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd0a0), to(rgb(144, 86, 0)));
	background: -moz-linear-gradient(top,  #ffd0a0,  rgb(144, 86, 0));  
	background: -o-linear-gradient(top, #ffd0a0,  rgb(144, 86, 0)) !important; 
	background: -ms-linear-gradient(top, #ffd0a0,  rgb(144, 86, 0)) !important;
}

#nav.coolGrey li a:hover, #nav.coolBlack li a:hover, #nav.coolGrey li:hover > a, #nav.coolBlack li:hover > a 
{
    background: #adadad;
    background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(rgb(88, 88, 88)));
	background: -moz-linear-gradient(top,  #adadad,  rgb(88, 88, 88));  
	background: -o-linear-gradient(top, #adadad,  rgb(88, 88, 88)) !important; 
	background: -ms-linear-gradient(top, #adadad,  rgb(88, 88, 88)) !important;
}

#nav.coolPink li a:hover, #nav.coolPink li:hover > a 
{
    background: #ffa0f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa0f6), to(rgb(144, 0, 136)));
	background: -moz-linear-gradient(top,  #ffa0f6,  rgb(144, 0, 136));  
	background: -o-linear-gradient(top, #ffa0f6,  rgb(144, 0, 136)) !important; 
	background: -ms-linear-gradient(top, #ffa0f6,  rgb(144, 0, 136)) !important;
}

#nav.facebookStyle li a:hover , #nav.facebookStyle li:hover > a
{
    background: rgb(96, 117, 151);
    background: -webkit-gradient(linear, left top, left bottom, from(#a2bce1), to(rgb(96, 117, 151))) !important;
	background: -moz-linear-gradient(top, #a2bce1,  rgb(96, 117, 151)) !important; 
	background: -o-linear-gradient(top, #a2bce1,  rgb(96, 117, 151)) !important; 
	background: -ms-linear-gradient(top, #a2bce1,  rgb(96, 117, 151)) !important;
}

#nav.twitterStyle li a:hover, #nav.twitterStyle li:hover > a 
{
    background: rgb(0, 228, 197);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 250, 242)), to(rgb(0, 228, 197))) !important;
	background: -moz-linear-gradient(top, rgb(189, 250, 242),  rgb(0, 228, 197)) !important; 
	background: -o-linear-gradient(top, rgb(189, 250, 242),  rgb(0, 228, 197)) !important; 
	background: -ms-linear-gradient(top, rgb(189, 250, 242),  rgb(0, 228, 197)) !important;
}

/** Nav Bar ul Color */

#nav.defaultBlue ul a:hover 
{
    background: #58a9be;
    background: -webkit-gradient(linear, left top, left bottom, from(#58a9be), to(rgb(2, 80, 104))) !important;
	background: -moz-linear-gradient(top, #58a9be,  rgb(2, 80, 104)) !important; 
	background: -o-linear-gradient(top, #58a9be,  rgb(2, 80, 104)) !important; 
	background: -ms-linear-gradient(top, #58a9be,  rgb(2, 80, 104)) !important;
}

#nav.coolBlue ul a:hover 
{
    background: #2a3ea4;
    background: -webkit-gradient(linear, left top, left bottom, from(#6fa3cd), to(rgb(0, 101, 144))) !important;
	background: -moz-linear-gradient(top, #6fa3cd,  rgb(0, 101, 144)) !important; 
	background: -o-linear-gradient(top, #6fa3cd,  rgb(0, 101, 144)) !important; 
	background: -ms-linear-gradient(top, #6fa3cd,  rgb(0, 101, 144)) !important;
}

#nav.coolRed ul a:hover 
{
    background: #a42a2a;
    background: -webkit-gradient(linear, left top, left bottom, from(#cd6f6f), to(rgb(144, 0, 0))) !important;
	background: -moz-linear-gradient(top, #cd6f6f,  rgb(144, 0, 0)) !important; 
	background: -o-linear-gradient(top, #cd6f6f,  rgb(144, 0, 0)) !important; 
	background: -ms-linear-gradient(top, #cd6f6f,  rgb(144, 0, 0)) !important;
}

#nav.coolGreen ul a:hover 
{
    background: #2ca42a;
    background: -webkit-gradient(linear, left top, left bottom, from(#73cd6f), to(rgb(0, 144, 1))) !important;
	background: -moz-linear-gradient(top, #73cd6f,  rgb(0, 144, 1)) !important; 
	background: -o-linear-gradient(top, #73cd6f,  rgb(0, 144, 1)) !important; 
	background: -ms-linear-gradient(top, #73cd6f,  rgb(0, 144, 1)) !important;
}

#nav.coolPurple ul a:hover 
{
    background: #5c2aa4;
    background: -webkit-gradient(linear, left top, left bottom, from(#806fcd), to(rgb(52, 0, 144))) !important;
	background: -moz-linear-gradient(top, #806fcd,  rgb(52, 0, 144)) !important; 
	background: -o-linear-gradient(top, #806fcd,  rgb(52, 0, 144)) !important; 
	background: -ms-linear-gradient(top, #806fcd,  rgb(52, 0, 144)) !important;
}

#nav.coolOrange ul a:hover 
{
    background: #a45d2a;
    background: -webkit-gradient(linear, left top, left bottom, from(#cd9f6f), to(rgb(144, 66, 0))) !important;
	background: -moz-linear-gradient(top, #cd9f6f,  rgb(144, 66, 0)) !important; 
	background: -o-linear-gradient(top, #cd9f6f,  rgb(144, 66, 0)) !important; 
	background: -ms-linear-gradient(top, #cd9f6f,  rgb(144, 66, 0)) !important;
}

#nav.coolGrey ul a:hover, #nav.coolBlack ul a:hover  
{
    background: #a8a8a9;
    background: -webkit-gradient(linear, left top, left bottom, from(#b6b6b6), to(rgb(118, 118, 118))) !important;
	background: -moz-linear-gradient(top, #b6b6b6,  rgb(118, 118, 118)) !important; 
	background: -o-linear-gradient(top, #b6b6b6,  rgb(118, 118, 118)) !important; 
	background: -ms-linear-gradient(top, #b6b6b6,  rgb(118, 118, 118)) !important;
}

#nav.coolPink ul a:hover 
{
    background: #b04ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#b04ead), to(rgb(142, 0, 144))) !important;
	background: -moz-linear-gradient(top, #b04ead,  rgb(142, 0, 144)) !important; 
	background: -o-linear-gradient(top, #b04ead,  rgb(142, 0, 144)) !important; 
	background: -ms-linear-gradient(top, #b04ead,  rgb(142, 0, 144)) !important;
}

#nav.facebookStyle ul a:hover 
{
    background: rgb(96, 117, 151);
    background: -webkit-gradient(linear, left top, left bottom, from(#a2bce1), to(rgb(96, 117, 151))) !important;
	background: -moz-linear-gradient(top, #a2bce1,  rgb(96, 117, 151)) !important; 
	background: -o-linear-gradient(top, #a2bce1,  rgb(96, 117, 151)) !important; 
	background: -ms-linear-gradient(top, #a2bce1,  rgb(96, 117, 151)) !important;
}

#nav.twitterStyle ul a:hover 
{
    background: rgb(0, 228, 197);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 250, 242)), to(rgb(0, 228, 197))) !important;
	background: -moz-linear-gradient(top, rgb(189, 250, 242),  rgb(0, 228, 197)) !important; 
	background: -o-linear-gradient(top, rgb(189, 250, 242),  rgb(0, 228, 197)) !important; 
	background: -ms-linear-gradient(top, rgb(189, 250, 242),  rgb(0, 228, 197)) !important;
}

/** Colors */
/** For sideBox, title, tHeader, and boxTitle*/

.defaultBlue, .defaultBlue th {
    color: white;
    background: #00b3f4;
    background: -webkit-gradient(linear, left top, left bottom, from(#00b3f4), to(#004159)); 
	background: -moz-linear-gradient(top,  #00b3f4,  #004159);
    background: -o-linear-gradient(top,  #00b3f4,  #004159);
	background: -ms-linear-gradient(top,  #00b3f4,  #004159);
    border-color: #216c87;
}

.coolBlack, .coolBlack th, .ui-datepicker th
{
    color: white;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#181818)); 
	background: -moz-linear-gradient(top,  #6e6e6e,  #181818);
    background: -o-linear-gradient(top,  #6e6e6e,  #181818);
	background: -ms-linear-gradient(top,  #6e6e6e,  #181818);
    border-color: rgb(56, 56, 56);
}

.sideBox.coolBlack {
    border-color: #6D6D6D !important;
}

.sideBox a {
    color: white;
    font-weight: bold;
}

.coolGrey, .coolGrey th {
    color: white;
    background: #9d9d9d;
    background: -webkit-gradient(linear, left top, left bottom, from(#9d9d9d), to(#434343)); 
	background: -moz-linear-gradient(top,  #9d9d9d,  #434343);
	background: -o-linear-gradient(top, #9d9d9d, #434343); 
	background: -ms-linear-gradient(top,  #9d9d9d,  #434343);
    border-color: #6D6D6D;
}

.coolBlue, .coolBlue th 
{
    color: white;
    background: #1656d4;
    background: -webkit-gradient(linear, left top, left bottom, from(#1656d4), to(#000033));
	background: -moz-linear-gradient(top,  #1656d4,  #000033);
		background: -o-linear-gradient(top, #9d9d9d, #434343); 
	background: -ms-linear-gradient(top,  #1656d4,  #000033);
    border-color: #000075;
}

.coolRed, .coolRed th {
    color: white;
    background: #c51515;
    background: -webkit-gradient(linear, left top, left bottom, from(#c51515), to(#330000));
	background: -moz-linear-gradient(top,  #c51515,  #330000);
		background: -o-linear-gradient(top,  #c51515,  #330000); 
	background: -ms-linear-gradient(top,  #c51515,  #330000);
    border-color: #680303;
}

.coolPurple, .coolPurple th {
    color: white;
    background: #6600cc;
    background: -webkit-gradient(linear, left top, left bottom, from(#6600cc), to(#170630));
	background: -moz-linear-gradient(top,  #6600cc,  #170630);
		background: -o-linear-gradient(top,  #6600cc,  #170630); 
	background: -ms-linear-gradient(top,  #6600cc,  #170630);
    border-color: #310d65;
}

.coolGreen, .coolGreen th {
    color: white;
    background: #16c520;
    background: -webkit-gradient(linear, left top, left bottom, from(#16c520), to(#052e07));
	background: -moz-linear-gradient(top,  #16c520,  #052e07);
		background: -o-linear-gradient(top,  #16c520,  #052e07); 
	background: -ms-linear-gradient(top,  #16c520,  #052e07);
    border-color: #0f6013;
}

.coolOrange, .coolOrange th {
    color: white;
    background: #db5500;
    background: -webkit-gradient(linear, left top, left bottom, from(#db5500), to(#351500));
	background: -moz-linear-gradient(top,  #db5500,  #351500);
		background: -o-linear-gradient(top,  #db5500,  #351500); 
	background: -ms-linear-gradient(top,  #db5500,  #351500);
    border-color: #884c00;
}

.coolPink, .coolPink th {
    color: white;
    background: #cc0099;
    background: -webkit-gradient(linear, left top, left bottom, from(#cc0099), to(#35002e));
	background: -moz-linear-gradient(top,  #cc0099,  #35002e);
	background: -o-linear-gradient(top,  #cc0099,  #35002e); 
	background: -ms-linear-gradient(top,  #cc0099,  #35002e);
    border-color: #861b78;
}

.facebookStyle, .facebookStyle th {
    color: white;
    background: #1D4088;
    background: -webkit-gradient(linear, left top, left bottom, from(#627AAD), to(#1D4088)); 
	background: -moz-linear-gradient(top,  #627AAD,  #1D4088);
	background: -o-linear-gradient(top, #627AAD, #1D4088); 
	background: -ms-linear-gradient(top,  #627AAD,  #1D4088);
    border-color: #627AAD;
}

.twitterStyle, .twitterStyle th {
    color: white;
    background: #057ED0;
    background: -webkit-gradient(linear, left top, left bottom, from(#33BCEF), to(#057ED0)); 
	background: -moz-linear-gradient(top,  #33BCEF,  #057ED0);
	background: -o-linear-gradient(top, #33BCEF, #057ED0); 
	background: -ms-linear-gradient(top,  #33BCEF,  #057ED0);
    border-color: #33BCEF; 
}

/** Background Colors */

.defaultGrey, .ui-datepicker table{
    background: #dddddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#b8b6b6)); 
	background: -moz-linear-gradient(top,  #dddddd,  #b8b6b6);
	background: -o-linear-gradient(top,  #dddddd,  #b8b6b6);
	background: -ms-linear-gradient(top,  #dddddd,  #b8b6b6);
	color: #000000;
}


/** Slider*/
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    cursor: default;
    background-color: white;
    position: absolute;
    width: 1.2em;
    z-index: 2;
    height: 15px;
    border: 1px solid;
    border-radius: 4px;
}
.ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.ui-slider-horizontal {
    height: 0.8em;
    background-color: black;
    border-radius: 7px;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.3em;
    background-color: white;
}
.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
.ui-slider-vertical {
    height: 100px;
    width: 0.8em;
}
.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-bottom: -0.6em;
    margin-left: 0;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/*JCoverflip */
.ui-jcoverflip {
position: relative;
    top: 30px;
}
.ui-jcoverflip--item {
position: absolute;
display: block;
}
/* Basic sample CSS */
#flip {
height: 280px;
width: 630px;
margin-bottom: 50px;
}
#flip .ui-jcoverflip--title {
position: absolute;
color: white;
height:31px; 
top:-20px;
 width:82%;
    padding: 15px 15px 0 15px !important;
    left: 4px;
}
#flip img {
background-color: white ! important;
background-repeat: no-repeat, repeat ! important; 
background-attachment: scroll, scroll ! important;
 background-position: center center, 0% 0% !important; 
 background-clip: border-box, border-box ! important; 
 background-origin: padding-box, padding-box ! important; 
 width: 175px !important; 
 height: 200px !important; 
 background-size: 100% 100% !important; 
 top: 20px; 
 position:relative !important; left: 0px !important;
}
#flip a {
outline: none;
}

ul,
ul li {
margin: 0;
padding: 0;
display: block;
list-style-type: none;
} 
